#app,
body,
html {
    height: 100%;
}

body {
    background-color: @background-color-base;
    font-size: 16px;
}

// 网页灰色
// html {
//     filter: grayscale(100%);
//     -webkit-filter: grayscale(100%);
//     -moz-filter: grayscale(100%);
//     -ms-filter: grayscale(100%);
//     -o-filter: grayscale(100%);
//     filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
//     -webkit-filter: grayscale(1)
// }
// 隐藏滚动条样式
.i-scrollbar-hide {
    &::-webkit-scrollbar {
        width: 0;
    }

    &::-webkit-scrollbar-track {
        background-color: transparent;
    }

    &::-webkit-scrollbar-thumb {
        background: #e8eaec;
    }
}

// 极简滚动条样式
.i-scrollbar {
    &::-webkit-scrollbar {
        width: 6px;
    }

    &::-webkit-scrollbar-track {
        background-color: transparent;
    }

    &::-webkit-scrollbar-thumb {
        background: #808695;
        border-radius: 4px;
    }
}

// 去除 Table 的左右边框，更精简
.i-table-no-border {
    .ivu-table th {
        background-color: #fff;
    }

    .ivu-table-wrapper,
    .ivu-table tr:last-child td {
        border: none;
    }

    .ivu-table:before,
    .ivu-table:after {
        display: none;
    }
}

// ::-webkit-scrollbar {
//     width: 6px;
//     height: 10px !important;
//     background-color: rgb(255, 255, 255);
// }

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: rgb(255, 255, 255);
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgb(200, 204, 209);
}

::-webkit-scrollbar {
    display: none;
    /* Chrome Safari */
}

.i-layout-content {
    // padding-top: 0px !important;
    // position: absolute !important;
    // top: 64px !important;
}